<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script src="../scripts/jquery-1.8.3.js"></script>
        <script src="../scripts/jquery.reveal.js"></script>
        <script src="../scripts/jquery.cookie.js"></script>
        <link rel="icon" href="../images/favicon.ico" type="image/x-icon" />
        <!--[if lte IE 10]>
        <script src="/scripts/requestAnimationFrame.js"></script>
        <![endif]-->
        <link rel=stylesheet href="../style/reset.css">
        <link rel=stylesheet href="../style/common.css">
        <link rel=stylesheet href="../style/base.css">
        <link rel=stylesheet href="../style/account.css">
        <link rel=stylesheet href="../style/header.css">
        <link rel=stylesheet href="../style/reveal.css">
        <link rel=stylesheet href="../style/login.css">
        <link rel=stylesheet href="../style/menu02.css">
        <link rel=stylesheet href="../style/order.css">
        <link rel=stylesheet href="../style/footer_2.css">
        <title>吃饭吧</title>
    </head>
    <body>
        <!--header部分-->
        <div class="header shadow">
            <div class="search-result"> 
            </div>
            <div class="header-left fl">
                <div class="icon fl"></div>
                <a class="weixin-dingfan fw" href="#">微信订饭</a>
                <a class="logo" href="/"></a>
                <div class="search">
                <img class="search-icon" src="../images/icon_search.png" width="22" height="22">
                <input id="search-input" class="search-input" type="text" placeholder="请输入楼名" onkeypress="onKeySearch()">
                <span id="search-del" class="search-del">&times;</span> 
                </div>
                <div class="clear"></div>
            </div>
            <div class="header-right fr">
                <div class="login fl">

                    <span class="header-operater">
                    <a href="../shop.html">外卖</a>
                    <a href="/account/order">我的订单</a>
                    <a href="../about.html?p=lianxiwomen">联系我们</a>
                    </span> 
                    <a id="header-login" class="navBtn f-radius f-select n" data-reveal-id="myModal" data-animation="fade">
                    登录
                    </a>
                </div>
                <div id="cart" class="cart fr"> 
                    <a href="../shop.html"><img class="cart-icon" src="../images/icon_cart_22_22.png"></a>
                </div>
                <div id="user" class="user fr n">
                    <img class="user-icon" src="../images/icon_my.png">
                </div> 
            </div> 
            
            <ul id="subnav" class="subnav subnav-shadow n">
                <li><a href="/account/setting.html" target="">账号设置</a></li>
                <li><a href="/account/order.php" target="">我的订单</a></li>
                <li><a href="/account/balance.html" target="">我的余额</a></li>
                <li><a href="/account/score.html" target="">我的积分</a></li>
                <li><a href="/account/address.html" target="">我的地址</a></li>
                <li><a id="sub-logout" href="" target="">退出</a></li>
            </ul>
        </div>
        <!--主体-->
        <div class="content">
            <!--左侧导航-->
            <div class="content-left fl">
                <div class="menu-left">
                    <dl>
                        <dt>个人中心</dt>
                        <dd class="menu-item">
                            <span class="left-icon">
                                <img src="../images/icon_order.png" width="18px" height="18px">
                            </span>
                        <a href="order">我的订单</a>
                        </dd>
                        <dd class="menu-item">
                            <span class="left-icon">
                                <img src="../images/icon_address.png" width="18px" height="18px">
                            </span>
                        <a href="address">送餐地址</a>
                        </dd> 
                        <dd class="menu-item">
                            <span class="left-icon">
                                <img src="../images/icon_score.png" width="18px" height="18px">
                            </span>
                        <a href="score">我的积分</a>
                        </dd>
                        <dd class="menu-item active">
                            <span class="left-icon">
                                <img src="../images/icon_balance.png" width="18px" height="18px">
                            </span>
                        <a href="balance">我的余额</a>
                        </dd>
                        <dd class="menu-item">
                            <span class="left-icon">
                                <img src="../images/icon_quan.png" width="18px" height="18px">
                            </span>
                            <a href="cash">我的优惠券</a>
                        </dd>
                        <dd class="menu-item ">
                            <span class="left-icon">
                                <img src="../images/icon_settings.png" width="18px" height="18px">
                            </span>
                        <a href="setting">账户设置</a>
                        </dd>
                    </dl>
                </div>
            </div>
            <!--右侧内容-->
            <div class="content-right fl">
                <div class="summary fl">
                    <h3 class="summary-header">我的余额</h3>
                </div>
                <div>
                    <div class="account-balance fl">
                        我的余额：<span>￥<span id="balance-value">0</span></span>
                    </div>
                    <div class="account-recharge fl">
                        <button id="recharge" class="btn2">充值</button>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="footer-content">
              <div class="footer-content-entrance">
                <a class="footer-content-link" href="/about.html?p=guanyuwomen">关于我们</a>
                <span class="footer-content-separator">|</span>
                <a class="footer-content-link footer-content-weixing">关注微信
                <img class="weixin-pic" src="../images/qr_code.jpg">
                </a>
                <span class="footer-content-separator">|</span> 
                <a class="footer-content-link" href="/about.html?p=tousujianyi">投诉建议</a>
                <span class="footer-content-separator">|</span>
                <a class="footer-content-link kaidian_address" href="/about.html?p=shangjiaruzhu">商家入驻</a>

              </div>
              <div class="footer-content-copyright">©2016 dingfanzu.com <a target="_blank">京ICP证020666号</a> </div>
        </div>

        <!--提示框-->
        <div id="alertModel" class="alertModel" >
        <a id="alert" data-reveal-id="alertModel" data-animation="fade"></a>
        <span id="alert-msg"></span>
        <button id="btn-ok" class="btn">知道了</button>
        <a id="btn-close" class="close-reveal-modal"><img src="../images/icon_close.png" height="24" width="24"></a>
        </div>

        <script src="/scripts/common.js"></script>
        <script src="/scripts/md5.js"></script>
        <script src="/scripts/login.js"></script>   
        <script src="/scripts/cart.lib.js"></script>
        <script src="/scripts/cart.js"></script>
        <script src="/scripts/header.js"></script>
        <script src="/scripts/account.js"></script>
        <script src="/scripts/footer.js"></script>
        <script type="text/javascript">
                $(function(){ 
                    $("#recharge").click(function(event) {
                        showAlert("该功能未开通！");
                    });
                });
        </script>
    </body>
</html>